@charset "utf-8";
/* CSS Document */
.slideBox {
	width:100%;

	overflow:hidden;

	position:relative;
}
.slideBox .hd {

		width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.slideBox .hd ul {

	text-align:center;
}
.slideBox .hd ul li {

	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.slideBox .hd ul li.on {
	background:#a00;
	color:#fff;
}
.slideBox .bd {
	position:relative;
	/*height:100%;*/
	z-index:0;
}
.slideBox .bd li {
	zoom:1;
	vertical-align:middle;
	
}
.slideBox .bd img {
	max-width:100%;

	display: table-cell;

 vertical-align:middle;
	display:block;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev {
	position:absolute;

left:3%;
	top:50%;
	width:40px;
	height:60px;
opacity: 0.5;

background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
cursor: pointer;
}
.slideBox .prev:hover{background: url(../images/slider-arrow.png) -126px -137px #2ca5d3 no-repeat;}
.slideBox .next:hover{background: url(../images/slider-arrow.png) -6px -137px #2ca5d3 no-repeat;}
.slideBox .next {
	position:absolute;
	right:3%;
	top:50%;
width:40px;
	height:60px;
	opacity: 0.5;
background: url(../images/slider-arrow.png)  -6px -137px #000 no-repeat;

}
@media(max-width:559px){
	.slideBox .prev {
    position: absolute;
    left: 3%;
    top: 30%;
    width: 40px;
    height: 60px;
    opacity: 0.5;
    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;

}
.slideBox .next {
    position: absolute;
    right: 3%;
    top: 30%;
    width: 40px;
    height: 60px;
    opacity: 0.5;
    background: url(../images/slider-arrow.png) -6px -137px #000 no-repeat;
}
}